<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动发布</title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script type="text/javascript" src="/webuploader-0.1.5/webuploader.js"></script>
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=ypaMft6Ggq6ojD2l94WV37Fwh3jpGAis"></script>







    <link rel="stylesheet" type="/webuploader-0.1.5/webuploader.css">
    <script src="/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">

    <link rel="stylesheet" type="text/css" href="/css/submit.css"/>
</head>
<body>
<div class="container">
    <div class="t2">
        <table border="1">

            <tr>
                <td colspan="2">
                    <div style = "font-size:24px;text-align: left;">宣传海报
                        <a href = "" style="margin-left:50px;font-size:18px;color:blue;">?没有海报，点击此处使用上届海报</a></div>

                </td>

            </tr>
            <tr>
                <td id="upload-td">
                    <div id="uploader-demo">
                        <!--用来存放item-->
                        <div id="fileList" class="uploader-list"></div>
                        <div id="percent"></div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="filePicker" style = "overflow: hidden;font-size:30px;color:#009688;background-color:#009688;height:40px;margin-top:5px;border-radius:5px;padding-top:5px;padding-bottom: 5px;padding-right:10px;">选择图片</div>
                    <div id="reupload" onclick="reload()" style ="margin-top:4px;">重新上传</div>
                </td>
            </tr>
        </table>
        <form class="layui-form" method="post">
            <table border="1">
                <tr>
                    <td>活动名称：</td>
                    <td><input type="text" name="headline" lay-verify="headline" placeholder="请输入活动名"
                               class="layui-input"/></td>
                </tr>
                <tr>
                    <td>
                        活动类型：
                    </td>
                    <td>
                        <div class="layui-input-block">
                            <select name="interest" lay-filter="aihao">
                                <option value=""></option>
                                <option value="0">晚会</option>
                                <option value="1" selected="">运动类比赛</option>
                                <option value="2">讲座</option>
                                <option value="3">知识类比赛</option>
                                <option value="4">其他</option>
                            </select>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>负责人：</td>
                    <td><input type="text" name="liable" lay-verify="headline" placeholder=""
                               class="layui-input"/></td>
                </tr>
                <tr>
                    <td>联系电话：</td>
                    <td><input type="text" name="headline"  lay-verify="required|number"
                               class="layui-input"/></td>
                </tr>
                <tr>
                    <td>
                        活动届数
                    </td>
                    <td><input type="text" name="headline"  lay-verify="required|number"
                               class="layui-input"/></td>
                </tr>
<tr>
    <td>
        参与人员：
    </td>
    <td>
        <div class="layui-input-block" style = "margin-left:-60px;">
            <input type="radio" name="qulified" value="1" title="全体学生" checked="">
            <input type="radio" name="qulified" value="2" title="仅学生会成员">
        </div>
    </td>
</tr>
                <tr>
                    <td>开始时间：</td>
                    <td><input type="text" name="begin" lay-verify="required" placeholder="" class="layui-input"/></td>
                </tr>
                <tr>
                    <td>结束时间：</td>
                    <td><input type="text" name="end"  placeholder="" class="layui-input"/></td>
                </tr>
                    <td> 活动描述：</td>
                <td><textarea cols="3" rows = "6" name="content" lay-verify="" placeholder="" class="layui-textarea" style = "font-size: 20px;line-height: 24px;"></textarea></td>


                <tr>
                    <td>
                        活动位置：
                    </td>
                    <td>
                        <div class="layui-input-block" style = "margin-left:-50px;">
                            <input type="radio" name="address" value="1" title="校内" checked="">
                            <input type="radio" name="address" value="0" title="校外">
                        </div>
                    </td>
                </tr>
                <tr class = "ss" display ="none;">
                    <td colspan="2">

                        <div style = "font-size: 25px;position:relative;text-align: left;">活动地点： <a id = "reminder" >#定位中......</a> </div>
                        <div id="map"></div>
                        <input id="search_box" placeholder="检索定位/定位至市区即可">

                        <div id="searchResultPanel">

                        </div>

                    </td>
                </tr>
                <tr>
                    <td>详细地址：</td>
                    <td><input type="text" name="detial_add" placeholder=""
                               /></td>
                </tr>


                <tr>
                    <td colspan="2">
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit="" lay-filter="formdata">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </form>

    </div>
</div>
<script language="javascript" src="/js/Submit.js"></script>
<script type="text/javascript">
        window.onbeforeunload = function (e) {//重新加载时清空后台缓存数据
            e = e || window.event;
            //ForIEandFirefoxpriortoversion4
            if (e) {
                reImgList();
            }
            reImgList();
            return '确定退出吗？';
        };


        layui.use('form', function () {
            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

            //……

            //但是，如果你的HTML是动态生成的，自动渲染就会失效
            //因此你需要在相应的地方，执行下述方法来进行渲染
            form.render();
        });



</script>



</body>
</html>